<script setup>
// onMounted(() => {
// 	// 获取查询对象 后续通过他去检索元素
// 	const query = uni.createSelectorQuery();

import { ref } from 'vue';

// 	// 执行检索的方法 单个元素
// 	query.select('.box').boundingClientRect((res) => {
// 		// console.log(res);
// 	});

// 	// 多个元素的 位置，尺寸信息
// 	query.selectAll('.box').boundingClientRect((resList) => {
// 		// console.log(resList);
// 	});

// 	// 设备的屏幕尺寸信息
// 	query.selectViewport().boundingClientRect((res) => {
// 		console.log(res);
// 	});

// 	// 执行 查询 exec（不执行这个，查询不了结果）
// 	// query.exec();
// });

// 状态变量
const isShow = ref(false);
const getOffset = () => {
  // 1. 选择器对象
  const query = uni.createSelectorQuery();
  // 2. 获取信息
  // ViewPort 结合 scrollOffset 即可获取
  query.selectViewport().scrollOffset((res) => {
    console.log(res);
    if (res.scrollTop > 600) {
      isShow.value = true;
    } else {
      isShow.value = false;
    }
  });
  // 3. 执行查询
  query.exec();
};
</script>

<template>
  <view v-show="isShow" class="to-top">返回顶部</view>
  <view class="container" @click="getoffset">
    八段锦及治疗作用简介
    八段锦是调身为主的功法，练习中侧重肢体运动与呼吸相配合。据说在隋唐时期就有此名，但该功法大多认为是在南宋初年创编，文字记载见于宋代洪迈的《夷坚志》，距今已有八百多年的历史。
    古人称上等的丝织品为“锦”。八段锦的名称是将该功法的八节动作比喻为上等的丝织品，以显其珍贵，称颂其精炼完美的编排和良好的祛病保健作用。该功法柔筋健骨，养气壮力，行气活血，调理脏腑，且其运动量恰到好处，既达到了健身效果，又不感到疲劳。现代研究认为这套功法能改善神经调节功能，加强血液循环，对腹腔内脏有柔和的按摩作用，可激发各系统的功能，纠正机体异常的反应，对许多疾病都有医疗康复作用。
    八段锦在流传过程中有坐功和站功之分，站功自清朝开始分南北两派，北派托名岳飞所传，以刚为主，动作繁难；南派附会梁世昌所传，以柔为主，动作简易。以后为了便于诵记又编成歌诀，经过不断的修改至清光绪初期逐渐定型为七言诀：“两手托天理三焦，左右开弓似射雕，调理脾胃须单举，五劳七伤往后瞧，摇头摆尾去心火，两手攀足固肾腰，攒拳怒目增气力，背后七颠百病消。”
    一、功法 1．两手托天理三焦 两足分开与肩同宽，松静自然，凝神调息，舌抵上颚，气沉丹田，鼻
    吸口呼，两手由小腹向前伸臂，手心向下向外划弧，順勢转手向上，双手十指交叉于小腹前；随吸气，缓缓曲肘沿任脉上拖，当两臂抬至肩、肘、腕相平时，翻掌上拖于头顶，双臂伸直，仰头目视手背，稍停片刻；随呼气，松开交叉的双手，自体侧向下划弧慢慢落于小腹前,仍十指交叉，掌心向上，恢复如起势。稍停片刻，再如前反复6～8次。
    操作提示：两手上托时采用逆腹式呼吸法。当两臂沿任脉上托至与肩相平时不要耸肩，手臂至头顶上方时稍用力上托，使三焦得以牵拉。
    该势主要是四肢和躯干的伸展运动，使手臂、颈、肩背、腰等部位的肌肉、骨骼、韧带得到调理，对颈椎病、肩周炎、腰背痛等有一定的防治作用。手臂上举时配合吸气，可增大膈肌、肋间肌的运动，加大呼吸深度，使更多的富含氧的血液供给大脑，使大脑清醒，解除疲劳。此外，该式采用逆腹式呼吸法，腹壁的起伏对腹腔的内脏起到充分的按摩作用，促进腹腔、盆腔内脏的血液循环。
  </view>
</template>

<style lang="scss">
.container {
  height: 3000rpx;
}
.to-top {
  width: 100rpx;
  height: 100rpx;
  background-color: skyblue;
  position: fixed;
  right: 50rpx;
  bottom: 100rpx;
}
</style>
